@import "src/css/mixin";

#UserNav{
  background: #FFF;
  height: 100%;
  font-size: .14rem;
  ul,li{padding: 0;margin: 0;list-style: none;}
  .welcome{
    li{text-align: center;}
    .avatar{padding: .15rem;padding-top: 0.33rem;}
    .nick{font-size: .18rem;line-height: .18rem;margin-top:0.07rem;margin-bottom:0.08rem;position: relative;}
    .phone{font-size: .12rem;line-height:0.12rem;}
    .icon-user4-51px{font-size: .46rem;color: $blue}
    padding-top: .16rem;
    padding-bottom: .15rem;
  }
  .nav{
    margin-top:0.2rem;
    li{padding: .2rem .2rem;line-height:0.14rem;border-bottom: $linecolor 1px solid;}
    [class^="icon-"]{
      margin-right: .1rem
    }
    .balance{
      float: right;
      font-style: normal;
    }
    .no-open{
      float: right;
      color: #ff001f;
      .circular-no{
        background-color:#ff001f;
        width:0.08rem;
        height:0.08rem;
        border-radius: 50%;
        margin-right:0.05rem;
        display: inline-block;
        position: relative;
        top: -1px;
      }
    }
    .open-city{
      float: right;
      color: #46BD63;
      .circular-yes{
        background-color:#46BD63;
        width:0.08rem;
        height:0.08rem;
        border-radius: 50%;
        margin-right:0.05rem;
        display: inline-block;
        position: relative;
        top: -1px;
      }
      font-size: 0.14rem;
      letter-spacing: -0.68px;
    }
  }
  .end-nav{
    margin-top:0.37rem;
  }
  .logout{
    position: absolute;
    bottom: .5rem;
    width: 100%;
    text-align: center;
    [class^="icon-"]{
      margin-right: .1rem
    }
  }
  .image-sm-avatar{
    width: 0.46rem;
    height:0.46rem;
    -webkit-border-radius:0.23rem;
    -moz-border-radius:0.23rem;
    border-radius:0.23rem;
    position: relative;
  }
  .icon-right{
    font-size: .12rem;
    float: right;
    margin-right:0!important;
    margin-left: .07rem;
    margin-top: 0.02rem;
  }
  .icon-tiepai{
    color: #864700;
    float: right;
    margin-right:0!important;
  }
  .icon-use,.icon-Doubt{
    font-weight: 700;
  }
  .icon-jinpai{
    color: #d8b729;
    float: right;
    margin-right:0!important;
  }
}